﻿<%@ Page Title="" Language="C#" MasterPageFile="Site1.Master" AutoEventWireup="true" CodeBehind="Index1.aspx.cs" Inherits="Zhongchouwwwww.webform.Index1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="../Content/bootstrap.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css" />
    <link href="../Content/aaa.css" rel="stylesheet" />
    <link href="../Content/Index-item.css" rel="stylesheet" />
    <script src="../Scripts/jquery-3.4.1.min.js"></script>
    <script src="../Scripts/bootstrap.min.js"></script>
    
</asp:Content>
<asp:Content ID="Content2" runat="server" ContentPlaceHolderID="Content2">
    <%--<form id="form1" runat="server">--%>
     <style>
            .itembox {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-around;
                width: 80%;
                margin: 0px 10%;
            }

            .itemcs {
                height: 330px;
                margin: 6px 7px;
                border-radius: 3px 3px;
                background-color: white;
                border: solid grey 0.5px;
                width: 250px;
            }
            .itemcs:hover{
                box-shadow: gray 3px 4px;
            }

            .lop{
                position:relative;
            }
            .lopa {
                position:absolute;
                top:14px;
                right:20px;
                color: red;
                font-size:1.1em;
            }
            .GetMore{
                    color:orangered;
                    background-color:white;
                    margin-left:40%;
                    margin-top:40px;
                }
        </style>

    <!-- 导航区 -->
    <div style="height:5px"></div>
    <div class="dhl">
        <ul>
            <li><a href="BrowseProject.aspx?id=0">浏览全部</a></li>
            <li><a href="BrowseProject.aspx?id=1">科技</a></li>
            <li><a href="BrowseProject.aspx?id=2">艺术</a></li>
            <li><a href="BrowseProject.aspx?id=3">设计</a></li>
            <li><a href="BrowseProject.aspx?id=4">音乐</a></li>
            <li><a href="BrowseProject.aspx?id=5">影视</a></li>
            <li><a href="BrowseProject.aspx?id=6">出版</a></li>
            <li><a href="BrowseProject.aspx?id=7">动漫</a></li>
            <li><a href="BrowseProject.aspx?id=8">公益</a></li>
            <li><a href="BrowseProject.aspx?id=9">农业</a></li>
            <li><a href="BrowseProject.aspx?id=10">其他</a></li>
            <li>&nbsp&nbsp|&nbsp&nbsp</li>
            <li><a>苏州站</a></li>
        </ul>
    </div>
        <div style="height:20px">
        </div>
    <!-- 大图区 -->
    <div class="container" style="height:450px">
        <div class="row clearfix" style="height:auto">
            <div class="col-md-12 column" style="height:auto">
                <div class="carousel slide" id="carousel-796085">
                    <ol class="carousel-indicators">
                        <li class="active" data-slide-to="0" data-target="#carousel-796085"></li>
                        <li data-slide-to="1" data-target="#carousel-796085"></li>
                        <li data-slide-to="2" data-target="#carousel-796085"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="item active">
                            <a href="Project.aspx?id=1">
                            <img alt="" src="../images/carousel_img1.jpg" />
                                </a>
                            <div class="carousel-caption">
                            </div>
                        </div>
                        <div class="item">
                            <a href="Project.aspx?id=2">
                            <img alt="" src="../images/carousel_img2.jpg" />
                             </a>
                            <div class="carousel-caption">
                            </div>
                        </div>
                        <div class="item">
                            <a href="Project.aspx?id=3">
                            <img alt="" src="../images/carousel_img3.jpg"  />
                                </a>
                            <div class="carousel-caption">
                            </div>
                        </div>
                    </div>
                    <a class="left carousel-control" href="#carousel-796085" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a><a class="right carousel-control" href="#carousel-796085" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
                </div>
            </div>
        </div>
    </div>

    <!-- 内容区 -->
    <!-- 众筹制造 -->
    
    <div style="height:50px;margin-left:12%;margin-bottom:10px;margin-right:12%;">
        <span style="font-size:1.5em;line-height:50px;float:left;">众筹制造</span>
        <ul style="margin-left:30%;float:left;width:700px;height:45px;line-height:45px">
                        <li style="margin-left:5%;"><a href="BrowseProject.aspx?id=1">科技</a></li>
                        <li style="margin-left:5%;"><a href="BrowseProject.aspx?id=2">艺术</a></li>
                        <li style="margin-left:5%;"><a href="BrowseProject.aspx?id=3">设计</a></li>
                        <li style="margin-left:5%;"><a href="BrowseProject.aspx?id=4">音乐</a></li>
                        <li style="margin-left:5%;"><a href="BrowseProject.aspx?id=5">影视</a></li>
                        <li style="margin-left:5%;"><a href="BrowseProject.aspx?id=6">出版</a></li>
                        <li style="margin-left:5%;"><a href="BrowseProject.aspx?id=7">动漫</a></li>
                        <li style="margin-left:5%;"><a href="BrowseProject.aspx?id=8">公益</a></li>
                        <li style="margin-left:5%;"><a href="BrowseProject.aspx?id=9">农业</a></li>
                        <li style="margin-left:5%;"><a href="BrowseProject.aspx?id=10">其他</a></li>
        </ul>
    </div>
    <div class="itembox">
        <asp:Repeater ID="ProjectTop" runat="server">
            <ItemTemplate>
                <div class="itemcs">
                            <table style="border-bottom-color:grey;">
                                <tr>
                                    <td style="width:100%;height:200px;">
                                            <div class="lop" style="width:100%;height:200px;">
                                                <a href='Project.aspx?id=<%# Eval("projectid") %>'>
                                                <img src='<%# Eval("imageurl") %>' style="width:100%;height:200px;"  />
                                                <span class="lopa"><%# Eval("collection") %></span>
                                                    </a>
                                            </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span><%# Eval("projectname") %></span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        
                                        <span style="margin:2px;color:gray">目标:</span>
                                        <span><%# Eval("time")+"天"%></span>
                                        <span><%# "￥"+Eval("targetmoney") %></span>
                                        <span <%# "style=color:"+"white;"+"background-color:"+Eval("Color")+";"+"margin-left:30%;" %> ><%# Eval("state") %></span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="height:10px;">
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-danger" role="progressbar"
                                                aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                <%# "style="+"width:"+Eval("progress") %>%;" >
                                             </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr >
                                    <td>
                                        <span style="margin-left:1%"><%# Eval("progress")+"%" %></span>
                                        <span style="margin-left:10%">￥<%# Eval("incomemoney") %></span><span style="margin-left:14%"><%# Eval("remainingday") %>天</span>
                                    </td>
                                </tr>
                                <tr >
                                    <td>
                                        <span style="margin-left:1%;color:gray">已达</span>
                                        <span style="margin-left:10%;color:gray">已筹备</span>
                                        <span style="margin-left:8%;color:gray">剩余时间</span>
                                    </td>
                                </tr>
                            </table>
                        </div>
            </ItemTemplate>
        </asp:Repeater>
        </div>
    <div style="height:40px"></div>
    <!-- 热门项目  -->
    <h3 style="margin-left:12%;">热门项目</h3>
    <div>
        <div  class="itembox">
                <asp:Repeater runat="server" ID="Projectitem">
                <ItemTemplate>
                        <div class="itemcs">
                            <table style="border-bottom-color:grey;">
                                <tr>
                                    <td style="width:100%;height:200px;">
                                            <div class="lop">
                                                <a href='Project.aspx?id=<%# Eval("projectid") %>'>
                                                <img src='<%# Eval("imageurl") %>' style="width:100%;height:100%"  />
                                                <span class="lopa"><%# Eval("collection") %></span>
                                                    </a>
                                            </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span><%# Eval("projectname") %></span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        
                                        <span style="margin:2px;color:gray">目标:</span>
                                        <span><%# Eval("time")+"天"%></span>
                                        <span><%# "￥"+Eval("targetmoney") %></span>
                                        <span <%# "style=color:"+"white;"+"background-color:"+Eval("Color")+";"+"margin-left:30%;" %> ><%# Eval("state") %></span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="height:10px;">
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-danger" role="progressbar"
                                                aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                                <%# "style="+"width:"+Eval("progress") %>%;" >
                                             </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr >
                                    <td>
                                        <span style="margin-left:1%"><%# Eval("progress")+"%" %></span>
                                        <span style="margin-left:10%">￥<%# Eval("incomemoney") %></span><span style="margin-left:14%"><%# Eval("remainingday") %>天</span>
                                    </td>
                                </tr>
                                <tr >
                                    <td>
                                        <span style="margin-left:1%;color:gray">已达</span>
                                        <span style="margin-left:10%;color:gray">已筹备</span>
                                        <span style="margin-left:8%;color:gray">剩余时间</span>
                                    </td>
                                </tr>
                            </table>
                        </div>
                </ItemTemplate>
            </asp:Repeater>
            </div>
        <div>
            <asp:Button ID="GetMore" OnClick="GetMore_Click" runat="server" Width="150px" Height="60px" CssClass="GetMore" Text="查看更多项目" />
        </div>
        </div>
    <%--</form>--%>
</asp:Content>


